import { createApp } from 'vue'
import './style.css'
// import './style.scss'
import App from './App.vue'
import 'vant/lib/index.css';
import router from "./router";
import { createPinia } from 'pinia'
// import "@/utils/vconsole.js"
import './permission'

import {
	Button, Checkbox, CheckboxGroup,
	NumberKeyboard, Image as VanImage, Icon,
	NavBar, Col, Row, ActionSheet, Field, Uploader, Tabbar,
	TabbarItem, PullRefresh, List, TextEllipsis,
	SwipeCell, Badge, Cell, CellGroup, Grid, GridItem, Dialog, Popup, Sidebar,
	SidebarItem, Picker, Search, Card, Space, Divider, RadioGroup,
	Radio, SubmitBar, Form, Empty,
	Cascader,
	Overlay,
	Swipe, SwipeItem, ImagePreview,
	Tab, Tabs, Loading, Barrage, FloatingBubble,
	Step, Steps, AddressEdit, AddressList,Area 
} from 'vant';

let app = createApp(App)
app.use(Button)
app.use(Checkbox);
app.use(CheckboxGroup);
app.use(NumberKeyboard);
app.use(VanImage)
app.use(Icon)
app.use(NavBar)
app.use(Col)
app.use(Row)
app.use(ActionSheet)
app.use(Field)
app.use(Uploader)
app.use(Tabbar);
app.use(TabbarItem);
app.use(PullRefresh);
app.use(List);
app.use(TextEllipsis);
app.use(SwipeCell);
app.use(Badge)
app.use(Cell);
app.use(CellGroup);
app.use(Grid);
app.use(GridItem);
app.use(Dialog);
app.use(Popup);
app.use(Sidebar);
app.use(SidebarItem);
app.use(Search);
app.use(Card);
app.use(Divider);
app.use(Radio);
app.use(RadioGroup);
app.use(Space);
app.use(Form);
app.use(SubmitBar);
app.use(Empty);
app.use(Picker);
app.use(Cascader);
app.use(Overlay);
app.use(Swipe);
app.use(SwipeItem);
app.use(Tab);
app.use(Tabs);
app.use(Loading);
app.use(ImagePreview);
app.use(Barrage);
app.use(FloatingBubble);
app.use(Step);
app.use(AddressEdit);
app.use(AddressList); 
app.use(Steps);
app.use(Area);
app.use(createPinia())
app.use(router)

import TabsList from "@/components/tabsList/index.vue"
import Avater from "@/components/avater/index.vue"
import Banner from "@/components/banner/index.vue"
import CardMain from '@/components/cardMain/index.vue'
import ClassifyList from '@/components/classifyList/index.vue'

// import vue3videoPlay from 'vue3-video-play' // 引入组件
// import 'vue3-video-play/dist/style.css' // 引入css
localStorage.setItem("homeItem", 2);
app.component('TabsList', TabsList)
app.component('Avater', Avater)
app.component('Banner', Banner)
app.component('CardMain', CardMain)
app.component('ClassifyList', ClassifyList)
// app.use(vue3videoPlay)
app.mount('#app')
